<%@page contentType="text/html; charset=utf-8"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>后台登录</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="shortcut icon" href="${ctx}/static/images/favicon.ico" />

<link rel="stylesheet" type="text/css" href="${ctx}/resources/fullpage/jquery.fullpage.min.css" />
<link href="${ctx}/static/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="${ctx}/static/css/login.css" />
<script type="text/javascript" src="${ctx}/resources/js/jquery.min.js"></script>
<script type="text/javascript" src="${ctx}/resources/fullpage/jquery.easings.min.js"></script>
<script type="text/javascript" src="${ctx}/resources/fullpage/jquery.fullpage.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/jquery.cookie.js"></script>
<script type="text/javascript" src="${ctx}/static/js/login.js"></script>
<script type="text/javascript">$.extend({"ctx": "${ctx}"});</script>
</head>

<body>
	<ul id="menu">
		<li data-menuanchor="login" class="active"><a href="#login">登录</a></li>
		<li data-menuanchor="iForgot"><a href="#iForgot">忘记密码</a></li>
		<li data-menuanchor="help"><a href="#help">寻求帮助</a></li>
	</ul>

	<div id="fullpage">
		<div class="section login">
			<div class="loginContainer">
				<div class="login-main">
					<h4><i class="fa fa-coffee"></i>请输入您的登录信息</h4>
					<fieldset>
						<label>
							<span class="block">
								<input type="text" class="form-control" name="account" placeholder="账号" />
								<i class="fa fa-user"></i>
							</span>
						</label>
						<label>
							<span class="block">
								<input type="password" class="form-control" name="password" placeholder="密码" />
								<i class="fa fa-lock"></i>
							</span>
						</label>
						<div class="space"></div>
						
						<div class="btn-box">
							<label class="inline">
								<input type="checkbox" class="remember" />
								<span>记住我</span>
							</label>
							<button class="login-btn">
								<i class="ace-icon fa fa-key"></i>
								<span class="bigger-110">登录</span>
							</button>
						</div>
					</fieldset>
					
					<div class="social-or-login center">
						<span>使用其他账号登录</span>
					</div>
					
					<div class="social-login center">
						<a class="btn-primary">
							<i class="fa fa-facebook"></i>
						</a>
						<a class="btn-info">
							<i class="fa fa-twitter"></i>
						</a>
						<a class="btn-danger">
							<i class="fa fa-google-plus"></i>
						</a>
					</div>
					
					
				</div>
			</div>
		</div>
		
		<div class="section iforgot">
			<h4>找回密码</h4>
			<div class="iforgot-box">
				<span class="span1">
					<i class="fa fa-user"></i>账号
				</span>
				<span class="span2">
					<input type="text" name="iforgot-accouont">
					<button id="retrievePwd" class="send-btn">
						<i class="fa fa-envelope"></i>发送
					</button>
				</span>
			</div>
			<div class="mail-info"></div>
		</div>
		
		<div class="section help">
			<div class="slide" id="slide1" data-anchor="slide1">
				<h1>Slide 1</h1>
			</div>
	
		    <div class="slide" id="slide2" data-anchor="slide2">
				<h1>Slide 2</h1>
			</div>
	
			<div class="slide" id="slide3" data-anchor="slide3">
				<h1>Slide 3</h1>
			</div>	<div class="slide" id="slide3" data-anchor="slide3">
				<h1>Slide 4</h1>
			</div>
			<div class="slide" id="slide3" data-anchor="slide3">
				<h1>Slide 5</h1>
			</div>
		</div>
	</div>
</body>
</html>
